<template>
<div class="app-container">
	<!-- 中间 -->
	<transition>
		<router-view></router-view>
	</transition>
</div>
</template>

<script>
	export default{
		data(){
			return{
			}
		},
	}
</script>

<style lang="scss" scoped>
	.app-container{
		height: 100%;
		width: 100%;
		overflow-x: hidden;
		.fixed-footer{
			position: fixed;
			bottom: 0;
			z-index: 999;
			width: 100%;
			height: 1.14rem;
			background:#FFFFFF;
			box-shadow:0rem -0.02rem 0.1rem 0rem rgba(223,223,223,0.33);
			.options{
				width: 33.33%;
				height: 100%;
				img{
					width: 0.40rem;
					height: 0.44rem;
					display: block;
					margin: 0.18rem auto 0.15rem auto;
				}
				.desc{
					font-size: 0.24rem;
					width: 100%;
					text-align: center;
					color: #333333;
				}
				.active{
					color:#333333;
				}
			}
		}
	}
	.v-enter{
		opacity: 0;
		transform: translateX(100%);
	}
	.v-leave-to{
		opacity: 0;
		transform: translateX(-100%);
		position: absolute;
	}
</style>

